{% extends "layout.html" %}

{% block title %}Modification Offre{% endblock %}

{% block content %}
<script type="text/javascript"> if (window.jQuery == undefined) document.write( unescape('%3Cscript src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E') );</script>
<script>
$(function() {
	$('#abonnement_mobile').bind('change', function(ev) {
		
		var value = $(this).val();
		
		$.ajax({
		type: "GET",
		url: "ajout-ligne-mobile-options",
		data: "test=ok&id_forfait="+value+"&id={{ligneCommande.id}}&commande={{commande.id}}",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_options_ajax').html(data);}
	 	});
 	});
});

$(function ()
{
    $("#choix_modif").change(function(){
    if ($("#choix_modif").val() == "MO") {
       $('#modification').show();
    } else {
       $('#modification').hide();
    }
	});
});

$(function ()
{
    $("#choix_modif").change(function(){
    if ($("#choix_modif").val() == "MU") {
       $('#mod_user').show();
	   $('#user').hide();
    } else {
       $('#mod_user').hide();
	   $('#user').show();
    }
	});
});

$(function ()
{
    $("#choix_modif").change(function(){
    if ($("#choix_modif").val() == "MB") {
       $('#mod_grille').show();
	   $('#grille').hide();
	   $('#mod_interne').show();
	   $('#interne').hide();
	   $('#mod_reduc').show();
    } else {
       $('#mod_grille').hide();
	   $('#grille').show();
	   $('#mod_interne').hide();
	   $('#interne').show();
	   $('#mod_reduc').hide();
    }
	});
});
</script>
 <form method=post>
    <legend>Choississez la modification a effectuer: </legend>
        <select id="choix_modif" name="choix_modif" class="choix_modif">
        <option value="">Choississez...</option>
        <option value="MO" >Modification offre/options</option>
        <option value="MU" >Modification Utilisateur</option>
        <option value="MB" >Modification tarif / numéros internes</option>
        </select>
		<table class="table table-striped">
			<tr>
                <th>NDI </th> 
                <th>Utilisateur </th> 
                <th>Grille tarifaire </th> 
                <th>Numéros internes </th>
                <th>Forfait</th>
				<th>Options</th> 
                <th>Souscription </th>
               
				
			</tr>
            {% for offre in offre_en_cours %}
			<tr>
				<td>{{offre.ndi}}
                </td>
                <td>
                <div id="user" class="user">
                {{offre.utilisateur}}
                </div>
                <div id="mod_user" class="mod_user" style="display:none">
                <input name="utilisateur" type="text" value="{{offre.utilisateur}}"/>
                </div>
				</td>
                <td>
                <div id="grille" class="grille">
                {{offre.grille_tarifaire}}
                </div>
                <div id="mod_grille" class="mod_grille" style="display:none">
                <select name="grille_tarifaire">
                <option value="tarif_1" {% if offre.grille_tarifaire == 'tarif_1' %}selected{% endif %}>Tarif 1</option>
                <option value="tarif_2" {% if offre.grille_tarifaire == 'tarif_2' %}selected{% endif %}>Tarif 2</option>
                <option value="tarif_3" {% if offre.grille_tarifaire == 'tarif_3' %}selected{% endif %}>Tarif 3</option>
                <option value="tarif_4" {% if offre.grille_tarifaire == 'tarif_4' %}selected{% endif %}>Tarif 4</option>
                <option value="tarif_5" {% if offre.grille_tarifaire == 'tarif_5' %}selected{% endif %}>Tarif 5</option>
                </select>
                </div>
				</td>
                <td>
                <div id="interne" class="interne">
                {{offre.appels_internes}}
                </div>
                <div id="mod_interne" class="mod_interne" style="display:none">
                <textarea cols="10" rows="3" name="appels_internes" placeholder="numéros séparés par des virgules: 336xxxxxxxx,336xxxxxxxx">{{offre.appels_internes}}</textarea>
                </div>
				</td>
				<td>
                {{offre.offre}}
				</td>
				<td>
                {{options_nom|nl2br}}<br />
                </td>
				<td>
                {{offre.date_souscription}}
                </td>
                
			</tr>
            <tr style="display:none" id="mod_reduc" class="mod_reduc">
            	<td colspan="7">
                Réduction sur l'abonnement: <input name="reduction_abonnement" type="text" value="{{offre.abonnement}}" placeholder="%"/><br />
                Réduction sur les minutes en national: <input name="reduction_minute_national" type="text" value="{{offre.minute_national}}" placeholder="%"/><br />
                Réduction sur les minutes en international: <input name="reduction_minute_international" type="text" value="{{offre.minute_international}}" placeholder="%"/>
                </td>
            </tr>
            
            <tr> 
            <td colspan="5">
            <div id="modification" class="modification" style="display:none">
            Modification de l'offre et des options:<br />
            Engagement:
           		<select name="engagement" id="engagement" >
                    <option value="{{offre.engagement}}">Garder le même engagement</option>
                    <option value="0">sans engagement</option>
                    <option value="12">12 mois</option>
                    <option value="24">24 mois</option>
                    <option value="36">36 mois</option>
                </select><br /><br />
            Offres:
                <select name="abonnement" id="abonnement" >
                    <option value="">Choississez...</option>
                    {% for offre_choix in offres %}
                    <option value="{{offre_choix.id}}">{{offre_choix.nom}}</option>
                    {% endfor %}
                </select>
                <div id="contenu_options_ajax">
                </div>
            </div>
            </td>
            </tr>
            {% endfor %}
		</table>

            <input type="submit" value="Mettre à jour" name="maj"/>
</form>
   <div class="form-actions">
			<a href="detail-offre-client-fixe?id={{id_client}}" class="btn btn btn-primary" ><i class="icon-plus-sign icon-arrow-left icon-white"></i> Retour au detail client</a>
	</div>
{% endblock %}
	
